<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>视频播放video/音频播放audio</title>
		<!--
        	作者：zyl
        	时间：2017-08-01
        	描述：
        controls控制条
        autoplay自动播放   自动播放autoplay="autoplay"
        poster 视频没有播放时的站位图片
        loop广告视频，视频播放完是否循环播放  循环播放loop="loop"
        preload 预加载视频，注意preload与autoplay相互冲突
        muted="muted"静音
        width/height 
        音频播放中width/height/poster不能使用
        -->
	</head>
	<body>
		<!--
        	格式一
        -->
		<video src="" controls="controls" autoplay="autoplay"
			poster=""></video>
			
			<!--
            第二种格式；为了解决浏览器视频格式的不兼容问题。
            
         js框架html5media实现支持全部浏览器  
            -->
            
            <video>
            	<source src="" type="video/ogg"></source>
            	<source src="" type="video/webm"></sourc
            	<source src="" type="video/mpeg"></sourc
            </video>
            
            //////////////////////音频格式同上/////////////////////////////
           1<audio src="" controls="controls" autoplay="autoplay"></audio> 
            
            2
            <audio>
            	<source src="" type="audio/mp3"></source>
            	<source src="" type="audio/vnd.rn-realaudio"></source>
            	
            </audio>
	</body>
</html>
